<!DOCTYPE html>
<body style="overflow:hidden">
<p>Test to make sure that the decoration line paints properly underneath the subscript.
</p>

<p class="decorate" style="writing-mode:vertical-lr; margin-right:10px; font-size:24px; float:left;text-underline-position:under; border:1px dotted orange">
<span style="text-decoration:underline">The first line <span style="vertical-align:-20px">has a decoration,</span> but not </span><img style="vertical-align:-100px; height:20px;width:20px;background-color:lime"><span style="text-decoration:underline"> under the image.</span><br>
The second line should not.
</p>

<p class="decorate" style="writing-mode:vertical-rl; margin-right:10px; font-size:24px; float:left;text-underline-position:under; border:1px dotted orange">
<span style="text-decoration:underline">The first line <span style="vertical-align:-20px">has a decoration,</span> but not </span><img style="vertical-align:-100px; height:20px;width:20px;background-color:lime"><span style="text-decoration:underline"> under the image.</span><br>
The second line should not.
</p>
